html {
  font-size: 64px; }

.search_wrap_big {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  opacity: 0;
  transform: translateX(100%);
  transition: all .3s linear;
  background: #f1f1f1;
  overflow: hidden;
  z-index: 205; }
  .search_wrap_big .search_menu {
    height: 1.5625rem;
    width: 100%;
    background: #222222;
    margin-bottom: 0.48438rem; }
  .search_wrap_big .close_wrap {
    width: 0.78125rem;
    height: 0.78125rem;
    position: absolute;
    top: 0.25rem;
    left: 0.3125rem; }
    .search_wrap_big .close_wrap img {
      width: 100%; }
  .search_wrap_big .search_wrap {
    position: relative; }
    .search_wrap_big .search_wrap .search {
      width: 8.35938rem;
      height: 0.75rem;
      border: 0.01563rem solid #fff;
      border-radius: 0.78125rem;
      position: absolute;
      right: 0.3125rem;
      top: 0.375rem;
      z-index: 1000; }
      .search_wrap_big .search_wrap .search .iconfont {
        color: #fff;
        position: absolute;
        left: 1%;
        top: 20%; }
      .search_wrap_big .search_wrap .search input[id="searchname"] {
        position: absolute;
        left: 10%;
        top: 19%;
        border: none;
        background: none;
        width: 85%;
        color: #7e7e7e;
        text-align: left;
        line-height: 0.4375rem; }
  .search_wrap_big .content {
    width: 9.14063rem;
    margin: 0 auto;
    font-size: 0.01563rem; }
    .search_wrap_big .content .top_search {
      font-size: 14px;
      color: #706e6e;
      font-weight: bold; }
    .search_wrap_big .content .keyword_wrap span {
      font-size: 15px;
      color: #8b8b8b;
      height: 0.84375rem;
      line-height: 1.15625rem;
      width: 100%;
      background: #fff;
      border: 0.01563rem solid #e1e1e1;
      padding: 0.1875rem 0.25rem; }

.search_wrap_big_open {
  opacity: 1;
  width: 100%;
  transform: translateX(0);
  transform-origin: right; }
